<!DOCTYPE html>
<!-- saved from url=(0092) -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8"> 
<meta charset="UTF-8">
<title>网页设计常用色彩搭配表（配色表）</title>
<meta name="keywords" content="配色表,网页配色,色彩搭配,网页设计,常用色彩搭配">
<meta name="description" content="色彩搭配看似复杂，但并不神秘。既然每种色彩在印象空间中都有自己的位置，那么色彩搭配得到的印象可以用加减法来近似估算。将网页设计中常见的色彩搭配按照色相的顺序归类。搭配起来就会得到千变万化的感觉。">
<link href="webpage-design-color.css" rel="stylesheet" type="text/css">
<style>
#wrapper { overflow: auto; overflow-x: hidden; margin-left: 220px; height: 100% }
#main { margin: 0 auto; width: 640px }
h2, h3 { margin-bottom: 1em; padding: .2em .4em; background: #EEE; }
h2 { display: inline-block }
blockquote { margin-bottom: 1em }
.section, .sub-section, .groups { clear: both }
.section { overflow: hidden; margin: 5em 0 }
.sub-section { overflow: hidden; margin-bottom: 3em }
.group { float: left; margin: 0 7px; width: 198px; height: 85px; _display: inline }
.group span { float: left; margin: 1px; width: 60px; height: 60px; text-align: center }
.group input { display: block; margin-top: 64px; background: #fff; font-family: "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace; border: none 0; font-size: 14px; width: 100%; text-align: center; padding:0;}
#panel { float:left; width: 220px; background: #444; color: #fff; position:fixed;}
#header { text-align: center }
#header h1 { margin: .5em; font-size: 18px }
#header h1 span { display: block; font-size: 40px }
#header address { clear: both; margin-bottom: 2em; color: #999 }
#header a { color: #999 }
#panel h4 { margin: .4em 1em 0; padding: .4em 0; border-bottom: 1px solid #333; color: #aaa }
#panel a { margin: 0 .4em; display: block; padding: .4em .6em; color: #f7f7f7; text-decoration: none }
#panel a:hover { background: #111; color: #fff }
::-webkit-scrollbar {
width:7px
}
::-webkit-scrollbar-track {
background:rgba(0,0,0,.1)
}
::-webkit-scrollbar-thumb {
background:rgba(0,0,0,.3)
}
#nav::-webkit-scrollbar-track {
background:rgba(255,255,255,.1)
}
#nav::-webkit-scrollbar-thumb {
background:rgba(255,255,255,.3)
}
</style>
<style type="text/css" adt="123"></style><script>if(!document.URL.match(/^http:\/\/v\.baidu\.com|http:\/\/music\.baidu\.com|http:\/\/dnf\.duowan\.com|http:\/\/bbs\.duowan\.com|http:\/\/newgame\.duowan\.com|http:\/\/my\.tv\.sohu\.com/)){
(function() {
    Function.prototype.bind = function() {
        var fn = this, args = Array.prototype.slice.call(arguments), obj = args.shift();
        return function() {
            return fn.apply(obj, args.concat(Array.prototype.slice.call(arguments)));
        };
    };
    function A() {}
    A.prototype = {
        rules: {
            /*'youku_loader': {
                'find': /^http:\/\/static\.youku\.com\/.*(loader|player_.*)(_taobao)?\.swf/,
                'replace': 'http://swf.adtchrome.com/loader.swf'
            },
            'youku_out': {
                'find': /^http:\/\/player\.youku\.com\/player\.php\/.*sid\/(.*)/,
                'replace': 'http://swf.adtchrome.com/loader.swf?VideoIDS=$1'
            },*/
            'pps_pps': {
                'find': /^http:\/\/www\.iqiyi\.com\/player\/cupid\/common\/pps_flvplay_s\.swf/,
                'replace': 'http://swf.adtchrome.com/pps_20140420.swf'
            },
            /*'iqiyi_1': {
                'find': /^http:\/\/www\.iqiyi\.com\/player\/cupid\/common\/.+\.swf$/,
                'replace': 'http://swf.adtchrome.com/iqiyi_20140624.swf'
            },
            'iqiyi_2': {
                'find': /^http:\/\/www\.iqiyi\.com\/common\/flashplayer\/\d+\/.+\.swf$/,
                'replace': 'http://swf.adtchrome.com/iqiyi_20140624.swf'
            },*/
            'ku6': {
                'find': /^http:\/\/player\.ku6cdn\.com\/default\/.*\/\d+\/(v|player|loader)\.swf/,
                'replace': 'http://swf.adtchrome.com/ku6_20140420.swf'
            },
            'ku6_topic': {
                'find': /^http:\/\/player\.ku6\.com\/inside\/(.*)\/v\.swf/,
                'replace': 'http://swf.adtchrome.com/ku6_20140420.swf?vid=$1'
            },
            'sohu': {
                'find': /^http:\/\/tv\.sohu\.com\/upload\/swf(\/p2p)?\/\d+\/Main\.swf/,
                'replace': 'http://www.adtchrome.com/sohu/sohu_20150104.swf'
            },
            'sohu2':{
                'find':/^http:\/\/[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\/testplayer\/Main0?\.swf/,
                'replace':'http://www.adtchrome.com/sohu/sohu_20150104.swf'
            },
            'sohu_share': {
                'find': /^http:\/\/share\.vrs\.sohu\.com\/my\/v\.swf&/,
                'replace': 'http://www.adtchrome.com/sohu/sohu_20150104.swf?'
            },
            'sohu_sogou' : {
                'find': /^http:\/\/share\.vrs\.sohu\.com\/(\d+)\/v\.swf/,
                'replace': 'http://www.adtchrome.com/sohu/sohu_20150104.swf?vid=$1'
            },
            /*'letv': {
                'find': /^http:\/\/player\.letvcdn\.com\/.*p\/.*\/newplayer\/LetvPlayer\.swf/,
                'replace': 'http://swf.adtchrome.com/20150110_letv.swf'
            },
            'letv_topic': {
                'find': /^http:\/\/player\.hz\.letv\.com\/hzplayer\.swf\/v_list=zhuanti/,
                'replace': 'http://swf.adtchrome.com/20150110_letv.swf'
            },
            'letv_duowan': {
                'find': /^http:\/\/assets\.dwstatic\.com\/video\/vpp\.swf/,
                'replace': 'http://yuntv.letv.com/bcloud.swf'
            },*/
            '17173_in':{
                'find':/http:\/\/f\.v\.17173cdn\.com\/(\d+\/)?flash\/PreloaderFile(Customer)?\.swf/,
                'replace':"http://swf.adtchrome.com/17173_in_20150522.swf"
            },
            '17173_out':{
                'find':/http:\/\/f\.v\.17173cdn\.com\/(\d+\/)?flash\/PreloaderFileFirstpage\.swf/,
                'replace':"http://swf.adtchrome.com/17173_out_20150522.swf"
            },
            '17173_live':{
                'find':/http:\/\/f\.v\.17173cdn\.com\/(\d+\/)?flash\/Player_stream(_firstpage)?\.swf/,
                'replace':"http://swf.adtchrome.com/17173_stream_20150522.swf"
            },
            '17173_live_out':{
                'find':/http:\/\/f\.v\.17173cdn\.com\/(\d+\/)?flash\/Player_stream_(custom)?Out\.swf/,
                'replace':"http://swf.adtchrome.com/17173.out.Live.swf"
            }
        },
        _done: null,
        get done() {
            if(!this._done) {
                this._done = new Array();
            }
            return this._done;
        },
        addAnimations: function() {
            var style = document.createElement('style');
            style.type = 'text/css';
            style.innerHTML = 'object,embed{\
                -webkit-animation-duration:.001s;-webkit-animation-name:playerInserted;\
                -ms-animation-duration:.001s;-ms-animation-name:playerInserted;\
                -o-animation-duration:.001s;-o-animation-name:playerInserted;\
                animation-duration:.001s;animation-name:playerInserted;}\
                @-webkit-keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}\
                @-ms-keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}\
                @-o-keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}\
                @keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}';
            document.getElementsByTagName('head')[0].appendChild(style);
        },
        animationsHandler: function(e) {
            if(e.animationName === 'playerInserted') {
                this.replace(e.target);
            }
        },
        replace: function(elem) {
            if(this.done.indexOf(elem) != -1) return;
            this.done.push(elem);
            var player = elem.data || elem.src;
            if(!player) return;
            var i, find, replace = false;
            for(i in this.rules) {
                find = this.rules[i]['find'];
                if(find.test(player)) {
                    replace = this.rules[i]['replace'];
                    if('function' === typeof this.rules[i]['preHandle']) {
                        this.rules[i]['preHandle'].bind(this, elem, find, replace, player)();
                    }else{
                        this.reallyReplace.bind(this, elem, find, replace)();
                    }
                    break;
                }
            }
        },
        reallyReplace: function(elem, find, replace) {
            elem.data && (elem.data = elem.data.replace(find, replace)) || elem.src && ((elem.src = elem.src.replace(find, replace)) && (elem.style.display = 'block'));
            var b = elem.querySelector("param[name='movie']");
            this.reloadPlugin(elem);
        },
        reloadPlugin: function(elem) {
            var nextSibling = elem.nextSibling;
            var parentNode = elem.parentNode;
            parentNode.removeChild(elem);
            var newElem = elem.cloneNode(true);
            this.done.push(newElem);
            if(nextSibling) {
                parentNode.insertBefore(newElem, nextSibling);
            } else {
                parentNode.appendChild(newElem);
            }
        },
        init: function() {
            var desc = navigator.mimeTypes['application/x-shockwave-flash'].description.toLowerCase();
            /*if(desc.indexOf('adobe')>-1){
                delete this.rules["iqiyi_1"];
                delete this.rules["iqiyi_2"];
            }*/
            if(document.URL.indexOf('tv.sohu.com')<=0){
                delete this.rules["sohu"];
            }
            var handler = this.animationsHandler.bind(this);
            document.body.addEventListener('webkitAnimationStart', handler, false);
            document.body.addEventListener('msAnimationStart', handler, false);
            document.body.addEventListener('oAnimationStart', handler, false);
            document.body.addEventListener('animationstart', handler, false);
            this.addAnimations();
        }
    };
    new A().init();
})();
}
// 20140730
(function cnbeta() {
    if (document.URL.indexOf('cnbeta.com') >= 0) {
        var elms = document.body.querySelectorAll("p>embed");
        Array.prototype.forEach.call(elms, function(elm) {
            elm.style.marginLeft = "0px";
        });
    }
})();
// 20150108
setTimeout(function(){
    if (document.URL.indexOf('www.baidu.com') >= 0) {
        var a = function(){
            Array.prototype.forEach.call(document.body.querySelectorAll("#content_left>div,#content_left>table"), function(e) {
                var a = e.getAttribute("style");
                if(a && /display:(table|block)\s!important/.test(a)){
                    e.removeAttribute("style")
                }
            });
        };
        a();
        document.getElementById("su").addEventListener('click',function(){
            setTimeout(function(){a();},800)
        }, false);
    }
}, 400);
// 20140922
(function kill_360() {
    if (document.URL.indexOf('so.com') >= 0) {
        document.getElementById("e_idea_pp").style.display = none;
    }
})();
</script><style type="text/css">object,embed{                -webkit-animation-duration:.001s;-webkit-animation-name:playerInserted;                -ms-animation-duration:.001s;-ms-animation-name:playerInserted;                -o-animation-duration:.001s;-o-animation-name:playerInserted;                animation-duration:.001s;animation-name:playerInserted;}                @-webkit-keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}                @-ms-keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}                @-o-keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}                @keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}</style></head>
<body>

<section class="wrap">
<div id="panel">
	  <h4>按色相的搭配分类</h4>
	  <div><a href="#hue_0">红色</a><a href="#hue_1">橙色</a><a href="#hue_2">黄色</a><a href="#hue_3">黄绿色</a><a href="#hue_4">绿色</a><a href="#hue_5">青绿色</a><a href="#hue_6">蓝色</a><a href="#hue_7">蓝紫色</a><a href="#hue_8">紫色</a><a href="#hue_9">紫红色</a></div>
	  <h4>按印象的搭配分类</h4>
	  <div><a href="#character_0">柔和、明亮、温柔 </a><a href="#character_1">柔和、洁净、爽朗 </a><a href="#character_2">可爱、快乐、有趣 </a><a href="#character_3">活泼、快乐、有趣 </a><a href="#character_4">运动型、轻快 </a><a href="#character_5">轻快、华丽、动感 </a><a href="#character_6">狂野、充沛、动感 </a><a href="#character_7">华丽、花哨、女性化 </a><a href="#character_8">回味、女性化、优雅 </a><a href="#character_9">高尚、自然、安稳 </a><a href="#character_10">冷静、自然 </a><a href="#character_11">传统、高雅、优雅 </a><a href="#character_12">传统、稳重、古典 </a><a href="#character_13">忠厚、稳重、有品位 </a><a href="#character_14">简单、洁净、进步 </a><a href="#character_15">简单、时尚、高雅 </a><a href="#character_16">简单、进步、时尚 </a></div>
</div>
<div id="wrapper">
  <div id="main">
    <div class="section byhue">
      <h2>按色相的搭配分类</h2>
      <blockquote>本节将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主，配以其他色相或者同色相的，应用对比和调和的方法，并按照从轻快到浓烈的顺序排序。</blockquote>
      <div class="sub-section" id="hue_0">
        <h3>红色</h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#FFFFCC">
            <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFFFF">
          <input value="#CCFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CCCC">
            <input value="#99CCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC99">
          <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9999">
            <input value="#FF9999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#996699">
          <input value="#996699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC9999">
            <input value="#CC9999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCCCC">
            <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF99">
          <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCFF">
          <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#0099CC">
            <input value="#0099CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF6666">
          <input value="#FF6666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9966">
            <input value="#FF9966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF6666">
          <input value="#FF6666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC9966">
            <input value="#CC9966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666666">
          <input value="#666666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC9999">
          <input value="#CC9999" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF6666">
            <input value="#FF6666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF66">
          <input value="#FFFF66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC66">
          <input value="#99CC66" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC3333">
            <input value="#CC3333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003366">
          <input value="#003366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#993333">
            <input value="#993333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC00">
          <input value="#CCCC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663366">
          <input value="#663366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCC99">
            <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666666">
          <input value="#666666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC9999">
          <input value="#CC9999" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF6666">
            <input value="#FF6666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF00">
          <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#0066CC">
          <input value="#0066CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC0033">
            <input value="#CC0033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333333">
          <input value="#333333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC00">
          <input value="#CCCC00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#336633">
            <input value="#336633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#990033">
          <input value="#990033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC99">
          <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#993333">
            <input value="#993333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC9966">
          <input value="#CC9966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003300">
          <input value="#003300" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF0033">
            <input value="#FF0033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333399">
          <input value="#333399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC00">
          <input value="#CCCC00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC0033">
            <input value="#CC0033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#000000">
          <input value="#000000" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003399">
          <input value="#003399" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#000000">
            <input value="#000000" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC00">
          <input value="#99CC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC0033">
          <input value="#CC0033" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#999933">
            <input value="#999933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#993333">
          <input value="#993333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333300">
          <input value="#333300" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="hue_1">
        <h3>橙色</h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#FFCC99">
            <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF99">
          <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC99">
          <input value="#99CC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCC99">
            <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFF99">
          <input value="#CCFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCC99">
            <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CCFF">
          <input value="#99CCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9966">
            <input value="#FF9966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC99">
          <input value="#99CC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9900">
            <input value="#FF9900" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCC33">
            <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF99">
          <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC9933">
          <input value="#CC9933" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#996600">
            <input value="#996600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC33">
          <input value="#FFCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFFFCC">
            <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC9933">
          <input value="#CC9933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336666">
          <input value="#336666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9900">
            <input value="#FF9900" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF00">
          <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#0099CC">
          <input value="#0099CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CC33">
            <input value="#99CC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF9900">
          <input value="#FF9900" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC00">
          <input value="#FFCC00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9933">
            <input value="#FF9933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC33">
          <input value="#99CC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC6699">
          <input value="#CC6699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9933">
            <input value="#FF9933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF00">
          <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#3366CC">
          <input value="#3366CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9933">
            <input value="#FF9933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#009966">
          <input value="#009966" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF6600">
            <input value="#FF6600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF66">
          <input value="#FFFF66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#009966">
          <input value="#009966" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#990033">
            <input value="#990033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFF66">
          <input value="#CCFF66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF9900">
          <input value="#FF9900" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9966">
            <input value="#FF9966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#996600">
          <input value="#996600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC00">
          <input value="#CCCC00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC6600">
            <input value="#CC6600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999999">
          <input value="#999999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC33">
          <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC6600">
            <input value="#CC6600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC33">
          <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#000000">
            <input value="#000000" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF9933">
          <input value="#FF9933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999966">
          <input value="#999966" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#663300">
            <input value="#663300" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF9933">
          <input value="#FF9933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF66">
          <input value="#FFFF66" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="hue_2">
        <h3>黄色</h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#FFFFCC">
            <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFFFF">
          <input value="#CCFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFFF00">
            <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC00">
          <input value="#CCCC00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CCFF">
            <input value="#99CCFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC33">
          <input value="#FFCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFFF33">
            <input value="#FFFF33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CCFF">
          <input value="#99CCFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFFF00">
            <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#9933FF">
          <input value="#9933FF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CCFF">
            <input value="#99CCFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC33">
          <input value="#FFCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF33">
          <input value="#FFFF33" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCC00">
            <input value="#FFCC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#66CC00">
          <input value="#66CC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF99">
          <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9900">
            <input value="#FF9900" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF00">
          <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#0099CC">
          <input value="#0099CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCC00">
            <input value="#FFCC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#0000CC">
          <input value="#0000CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF99">
          <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC9999">
            <input value="#CC9999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#6666CC">
          <input value="#6666CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#999933">
            <input value="#999933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC99CC">
          <input value="#CC99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCC00">
            <input value="#CCCC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666600">
          <input value="#666600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF66">
          <input value="#FFFF66" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9966">
            <input value="#FF9966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC99">
          <input value="#99CC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCC33">
            <input value="#FFCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999966">
          <input value="#999966" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCC99">
            <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF6666">
          <input value="#FF6666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF66">
          <input value="#FFFF66" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCC99">
            <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999966">
          <input value="#999966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF00">
          <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFFF99">
            <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC99">
          <input value="#99CC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666600">
          <input value="#666600" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#999966">
            <input value="#999966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF99">
          <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333333">
          <input value="#333333" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#006633">
            <input value="#006633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333300">
          <input value="#333300" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#006633">
            <input value="#006633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663300">
          <input value="#663300" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC66">
          <input value="#CCCC66" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="hue_3">
        <h3>黄绿色</h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#33CC33">
            <input value="#33CC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#6666CC">
          <input value="#6666CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCC33">
            <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFFCC">
          <input value="#CCFFCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCC99">
            <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFF99">
          <input value="#CCFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCC00">
            <input value="#CCCC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999966">
          <input value="#999966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCC33">
            <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCC33">
            <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999999">
          <input value="#999999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFFFF">
          <input value="#CCFFFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#00CC00">
            <input value="#00CC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#0066CC">
          <input value="#0066CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CCCC">
          <input value="#99CCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CC33">
            <input value="#99CC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF9900">
          <input value="#FF9900" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC00">
          <input value="#FFCC00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CC33">
            <input value="#99CC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCFF">
          <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663300">
          <input value="#663300" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCC33">
            <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#993399">
          <input value="#993399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#000000">
          <input value="#000000" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC6600">
            <input value="#CC6600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999999">
          <input value="#999999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC33">
          <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC9933">
            <input value="#CC9933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF99">
          <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC99">
          <input value="#99CC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#669933">
            <input value="#669933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC33">
          <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663300">
          <input value="#663300" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CC33">
            <input value="#99CC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#000000">
          <input value="#000000" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC6600">
            <input value="#CC6600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC33">
          <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#666600">
            <input value="#666600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC66">
          <input value="#CCCC66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFFCC">
          <input value="#CCFFCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#333366">
            <input value="#333366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC33">
          <input value="#99CC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#666666">
            <input value="#666666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC33">
          <input value="#99CC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003366">
          <input value="#003366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#003333">
            <input value="#003333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC33">
          <input value="#99CC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999999">
          <input value="#999999" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#996633">
            <input value="#996633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF99">
          <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC66">
          <input value="#99CC66" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="hue_4">
        <h3>绿色</h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#009966">
            <input value="#009966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF00">
          <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#339933">
            <input value="#339933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#9933CC">
          <input value="#9933CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#339933">
            <input value="#339933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#000000">
          <input value="#000000" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#339933">
            <input value="#339933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC00">
          <input value="#99CC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFFFCC">
            <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC66">
          <input value="#CCCC66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336666">
          <input value="#336666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CC33">
            <input value="#99CC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF66">
          <input value="#FFFF66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336600">
          <input value="#336600" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#339933">
            <input value="#339933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC9900">
          <input value="#CC9900" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666666">
          <input value="#666666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#339966">
            <input value="#339966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003366">
          <input value="#003366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#669933">
            <input value="#669933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#000000">
          <input value="#000000" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#339933">
            <input value="#339933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#6699CC">
          <input value="#6699CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#006633">
            <input value="#006633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC33">
          <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC9933">
          <input value="#CC9933" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#339933">
            <input value="#339933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666633">
          <input value="#666633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC66">
          <input value="#CCCC66" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#339933">
            <input value="#339933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC33">
          <input value="#FFCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#006633">
            <input value="#006633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#669933">
          <input value="#669933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC99">
          <input value="#99CC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#336666">
            <input value="#336666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#996633">
          <input value="#996633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC33">
          <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#003300">
            <input value="#003300" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#669933">
          <input value="#669933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#006633">
            <input value="#006633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#990033">
          <input value="#990033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF9900">
          <input value="#FF9900" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#006633">
            <input value="#006633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333300">
          <input value="#333300" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#006633">
            <input value="#006633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663300">
          <input value="#663300" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC66">
          <input value="#CCCC66" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#993333">
            <input value="#993333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC9966">
          <input value="#CC9966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003300">
          <input value="#003300" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="hue_5">
        <h3>青绿色</h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#CCFF99">
            <input value="#CCFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#66CCCC">
          <input value="#66CCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#339999">
            <input value="#339999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CCFF">
          <input value="#99CCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#66CC99">
            <input value="#66CC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666699">
          <input value="#666699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#009999">
            <input value="#009999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#66CCCC">
          <input value="#66CCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFFFF">
          <input value="#CCFFFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#66CCCC">
            <input value="#66CCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFF66">
          <input value="#CCFF66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF99CC">
          <input value="#FF99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#339999">
            <input value="#339999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF00">
          <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC9933">
            <input value="#CC9933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#339999">
          <input value="#339999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC33">
          <input value="#FFCC33" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCC00">
            <input value="#FFCC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#009999">
          <input value="#009999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC3333">
          <input value="#CC3333" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#669999">
            <input value="#669999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC99CC">
          <input value="#CC99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#339999">
            <input value="#339999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#000000">
          <input value="#000000" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#339999">
            <input value="#339999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666699">
          <input value="#666699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#003333">
            <input value="#003333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC99">
          <input value="#99CC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#669999">
            <input value="#669999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFFCC">
          <input value="#CCFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#996699">
          <input value="#996699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#996699">
            <input value="#996699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#669999">
          <input value="#669999" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#999966">
            <input value="#999966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#339999">
          <input value="#339999" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#336666">
            <input value="#336666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#669999">
          <input value="#669999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#999999">
            <input value="#999999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003366">
          <input value="#003366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#669999">
          <input value="#669999" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#663333">
            <input value="#663333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#339999">
          <input value="#339999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC66">
          <input value="#CCCC66" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#333333">
            <input value="#333333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#339999">
          <input value="#339999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFFCC">
          <input value="#CCFFCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#336666">
            <input value="#336666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#3399CC">
          <input value="#3399CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666666">
          <input value="#666666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="hue_6">
        <h3>蓝色</h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#FFFFCC">
            <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFFFF">
          <input value="#CCFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CCCC">
            <input value="#99CCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#3399CC">
          <input value="#3399CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCFFCC">
            <input value="#CCFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CCCC">
          <input value="#99CCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCCFF">
            <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CCFF">
          <input value="#99CCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCC99">
            <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CCFF">
          <input value="#99CCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#336699">
            <input value="#336699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CCCC">
          <input value="#99CCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CCCC">
            <input value="#99CCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFF99">
          <input value="#CCFF99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCCFF">
            <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFFFF">
          <input value="#CCFFFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CCCC">
            <input value="#99CCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CCFF">
            <input value="#99CCFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFFFF">
          <input value="#CCFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#6699CC">
          <input value="#6699CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CC33">
            <input value="#99CC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#3399CC">
          <input value="#3399CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#0099CC">
            <input value="#0099CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666699">
          <input value="#666699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCCCC">
            <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003366">
          <input value="#003366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CCFF">
          <input value="#99CCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#0099CC">
            <input value="#0099CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666666">
          <input value="#666666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCCCC">
            <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#6699CC">
          <input value="#6699CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666666">
          <input value="#666666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#336699">
            <input value="#336699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003366">
          <input value="#003366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#3399CC">
            <input value="#3399CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003366">
          <input value="#003366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#6699CC">
            <input value="#6699CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#006699">
          <input value="#006699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#000000">
          <input value="#000000" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#003366">
            <input value="#003366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#006699">
          <input value="#006699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#999933">
            <input value="#999933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333333">
          <input value="#333333" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="hue_7">
        <h3>蓝紫色</h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#CCFFFF">
            <input value="#CCFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCFF">
          <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCCCC">
            <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666699">
          <input value="#666699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CCFF">
            <input value="#99CCFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333399">
          <input value="#333399" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#6666CC">
            <input value="#6666CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF9999">
          <input value="#FF9999" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#9999FF">
            <input value="#9999FF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC33">
          <input value="#FFCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#0099CC">
            <input value="#0099CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666699">
          <input value="#666699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#0000FF">
            <input value="#0000FF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#6699FF">
          <input value="#6699FF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFFFF">
          <input value="#CCFFFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#6666FF">
            <input value="#6666FF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#66CCFF">
          <input value="#66CCFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFF66">
          <input value="#CCFF66" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#669999">
            <input value="#669999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#6666CC">
          <input value="#6666CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#9999CC">
            <input value="#9999CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF9999">
          <input value="#FF9999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666699">
          <input value="#666699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#003399">
            <input value="#003399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#6699CC">
          <input value="#6699CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC6666">
            <input value="#CC6666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333399">
          <input value="#333399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC00">
          <input value="#CCCC00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#000066">
            <input value="#000066" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#6666FF">
          <input value="#6666FF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#003399">
            <input value="#003399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFF99">
          <input value="#CCFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333333">
          <input value="#333333" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#333366">
            <input value="#333366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC0033">
          <input value="#CC0033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#336699">
            <input value="#336699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC66">
          <input value="#CCCC66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333300">
          <input value="#333300" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#003399">
            <input value="#003399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF99">
          <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#000000">
          <input value="#000000" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#990066">
            <input value="#990066" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC33">
          <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003399">
          <input value="#003399" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC3333">
            <input value="#CC3333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#000000">
          <input value="#000000" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003399">
          <input value="#003399" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#333366">
            <input value="#333366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999966">
          <input value="#999966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333333">
          <input value="#333333" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="hue_8">
        <h3>紫色</h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#FFFFCC">
            <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF99">
          <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCFF">
          <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#9999CC">
            <input value="#9999CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC99">
          <input value="#99CC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCCCC">
            <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCFF">
          <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#9999CC">
            <input value="#9999CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCCCC">
            <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF99CC">
          <input value="#FF99CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCFF">
          <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#660066">
            <input value="#660066" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663333">
          <input value="#663333" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCC99">
            <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333333">
          <input value="#333333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#9966CC">
          <input value="#9966CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCC00">
            <input value="#CCCC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF9966">
          <input value="#FF9966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663399">
          <input value="#663399" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#996699">
            <input value="#996699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC99CC">
          <input value="#CC99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#996666">
            <input value="#996666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC99CC">
          <input value="#CC99CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCC99">
            <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF9933">
          <input value="#FF9933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663366">
          <input value="#663366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#333399">
            <input value="#333399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCFF">
          <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC99CC">
          <input value="#CC99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#663366">
            <input value="#663366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC99CC">
          <input value="#CC99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#996699">
            <input value="#996699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#9999CC">
          <input value="#9999CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCFF">
          <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC9966">
            <input value="#CC9966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999999">
          <input value="#999999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663366">
          <input value="#663366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#330033">
            <input value="#330033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666666">
          <input value="#666666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#669999">
          <input value="#669999" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCCCC">
            <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999999">
          <input value="#999999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663366">
          <input value="#663366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF33CC">
            <input value="#FF33CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663366">
          <input value="#663366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#663366">
            <input value="#663366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999999">
          <input value="#999999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCFF">
          <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#999966">
            <input value="#999966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#993333">
          <input value="#993333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#330033">
          <input value="#330033" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="hue_9">
        <h3>紫红色</h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#FFCCCC">
            <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC00">
          <input value="#99CC00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF99CC">
            <input value="#FF99CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#993366">
          <input value="#993366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#66CC99">
            <input value="#66CC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC6699">
          <input value="#CC6699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC9999">
            <input value="#CC9999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC99CC">
          <input value="#CC99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCCCC">
            <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF99">
          <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCFF">
          <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFFF99">
            <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#993399">
          <input value="#993399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF99CC">
          <input value="#FF99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#66CCCC">
            <input value="#66CCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFF66">
          <input value="#CCFF66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF99CC">
          <input value="#FF99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF99CC">
            <input value="#FF99CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003399">
          <input value="#003399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC00">
          <input value="#CCCC00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCCCC">
            <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF99CC">
          <input value="#FF99CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCFF">
          <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9999">
            <input value="#FF9999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF99CC">
          <input value="#FF99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#669966">
            <input value="#669966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC6699">
          <input value="#CC6699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCFF">
          <input value="#FFCCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCCCC">
            <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC99CC">
          <input value="#CC99CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC3399">
          <input value="#CC3399" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC3399">
            <input value="#CC3399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC99">
          <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF6666">
          <input value="#FF6666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF3399">
            <input value="#FF3399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663366">
          <input value="#663366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#663366">
            <input value="#663366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#663366">
            <input value="#663366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC99CC">
          <input value="#CC99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#990066">
            <input value="#990066" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC00">
          <input value="#FFCC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC0033">
          <input value="#CC0033" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#990066">
            <input value="#990066" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#006699">
          <input value="#006699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#999900">
            <input value="#999900" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#990033">
          <input value="#990033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#000000">
          <input value="#000000" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#990066">
            <input value="#990066" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#000000">
          <input value="#000000" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#009966">
          <input value="#009966" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
  </div>
    <div class="section bycharacter">
      <h2>按印象的搭配分类</h2>
      <blockquote>色
        彩搭配看似复杂，但并不神秘。既然每种色彩在印象空间中都有自己的位置，那么色彩搭配得到的印象可以用加减法来近似估算。如果每种色彩都是高亮度的，那么
        它们的叠加，自然会是柔和、明亮的；如果每种色彩都是浓烈的，那么它们叠加，就会是浓烈的。当然在实际设计过程中，设计师还要考虑到乘除法，比如同样亮度
        和对比度的色彩，在色环上的角度不同，搭配起来就会得到千变万化的感觉。因此本书除了要列举出按色相的搭配，也要将印象作为重点的搭配分类列举出来，以供
        读者参考。</blockquote>
      <div class="sub-section" id="character_0">
        <h3>柔和、明亮、温柔 </h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#FFFFCC">
            <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFFFF">
          <input value="#CCFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCCCC">
            <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF99">
          <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCFF">
          <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9966">
            <input value="#FF9966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF6666">
          <input value="#FF6666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCC99">
            <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFF99">
          <input value="#CCFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCCCC">
            <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCFF">
          <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFFCC">
          <input value="#CCFFCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCFFFF">
            <input value="#CCFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFF99">
          <input value="#CCFF99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCCCC">
            <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC99">
          <input value="#99CC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CCCC">
            <input value="#99CCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC99">
          <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCCFF">
            <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFFFF">
          <input value="#CCFFFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCC99">
            <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CCCC">
          <input value="#99CCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="character_1">
        <h3>柔和、洁净、爽朗 </h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#CCFF99">
            <input value="#CCFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CCFF">
          <input value="#99CCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CCCC">
            <input value="#99CCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFF99">
          <input value="#CCFF99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCFFCC">
            <input value="#CCFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#66CCCC">
          <input value="#66CCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCCFF">
            <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CCCC">
          <input value="#99CCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCFFCC">
            <input value="#CCFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CCCC">
          <input value="#99CCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCFFFF">
            <input value="#CCFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCFF">
          <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCFFFF">
            <input value="#CCFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CCFF">
          <input value="#99CCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#66CCFF">
            <input value="#66CCFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFFFF">
          <input value="#CCFFFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#6699CC">
            <input value="#6699CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CCFF">
          <input value="#99CCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCCFF">
            <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CCFF">
          <input value="#99CCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="character_2">
        <h3>可爱、快乐、有趣 </h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#66CCCC">
            <input value="#66CCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFF66">
          <input value="#CCFF66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF99CC">
          <input value="#FF99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9999">
            <input value="#FF9999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC99">
          <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF6666">
            <input value="#FF6666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF66">
          <input value="#FFFF66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC66">
          <input value="#99CC66" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#666699">
            <input value="#666699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF9999">
          <input value="#FF9999" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CC33">
            <input value="#99CC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF9900">
          <input value="#FF9900" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC00">
          <input value="#FFCC00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF0033">
            <input value="#FF0033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF9966">
          <input value="#FF9966" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9900">
            <input value="#FF9900" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFF00">
          <input value="#CCFF00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC3399">
          <input value="#CC3399" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CC33">
            <input value="#99CC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF6600">
          <input value="#FF6600" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#993366">
            <input value="#993366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC33">
          <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666633">
          <input value="#666633" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#66CCCC">
            <input value="#66CCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666699">
          <input value="#666699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="character_3">
        <h3>活泼、快乐、有趣 </h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#CC9999">
            <input value="#CC9999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF99">
          <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666699">
          <input value="#666699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9900">
            <input value="#FF9900" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF00">
          <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#0099CC">
          <input value="#0099CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCC99">
            <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC3399">
          <input value="#CC3399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC00">
          <input value="#99CC00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF6666">
            <input value="#FF6666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF00">
          <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#3399CC">
          <input value="#3399CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC6600">
            <input value="#CC6600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999999">
          <input value="#999999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC33">
          <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9933">
            <input value="#FF9933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#009933">
          <input value="#009933" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#0099CC">
            <input value="#0099CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF6666">
          <input value="#FF6666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF6600">
            <input value="#FF6600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF66">
          <input value="#FFFF66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#009966">
          <input value="#009966" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC6633">
            <input value="#CC6633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC99">
          <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC6600">
          <input value="#CC6600" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC0066">
            <input value="#CC0066" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#009999">
          <input value="#009999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC33">
          <input value="#FFCC33" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="character_4">
        <h3>运动型、轻快 </h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#FF6666">
            <input value="#FF6666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF00">
          <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#006699">
          <input value="#006699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9966">
            <input value="#FF9966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#0066CC">
          <input value="#0066CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#339933">
            <input value="#339933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC33">
          <input value="#FFCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9900">
            <input value="#FF9900" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC6600">
            <input value="#CC6600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC44">
          <input value="#CCCC44" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CC33">
            <input value="#99CC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#0099CC">
          <input value="#0099CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CC33">
            <input value="#99CC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF6666">
          <input value="#FF6666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#336699">
            <input value="#336699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CCCC">
          <input value="#99CCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF0033">
            <input value="#FF0033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333399">
          <input value="#333399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC00">
          <input value="#CCCC00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#33CC99">
            <input value="#33CC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF00">
          <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="character_5">
        <h3>轻快、华丽、动感 </h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#990066">
            <input value="#990066" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC00">
          <input value="#FFCC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC0033">
          <input value="#CC0033" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCC33">
            <input value="#FFCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333399">
          <input value="#333399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF0033">
          <input value="#FF0033" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#666699">
            <input value="#666699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF00">
          <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF0033">
          <input value="#FF0033" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF0033">
            <input value="#FF0033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#006699">
          <input value="#006699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF33">
          <input value="#FFFF33" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCC00">
            <input value="#FFCC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#009999">
          <input value="#009999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC3366">
          <input value="#CC3366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF0033">
            <input value="#FF0033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC00">
          <input value="#CCCC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#006699">
          <input value="#006699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCC00">
            <input value="#CCCC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF9933">
          <input value="#FF9933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663399">
          <input value="#663399" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9933">
            <input value="#FF9933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF00">
          <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC3333">
            <input value="#CC3333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC00">
          <input value="#99CC00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#003399">
            <input value="#003399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF00">
          <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF6600">
          <input value="#FF6600" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="character_6">
        <h3>狂野、充沛、动感 </h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#990066">
            <input value="#990066" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF00">
          <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003399">
          <input value="#003399" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC0033">
            <input value="#CC0033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#000000">
          <input value="#000000" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003399">
          <input value="#003399" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#003399">
            <input value="#003399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF00">
          <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#F00000">
          <input value="#F00000" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC3333">
            <input value="#CC3333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003366">
          <input value="#003366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC0033">
            <input value="#CC0033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333333">
          <input value="#333333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC00">
          <input value="#CCCC00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#000000">
            <input value="#000000" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC00">
          <input value="#99CC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC0033">
          <input value="#CC0033" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF0033">
            <input value="#FF0033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333333">
          <input value="#333333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF9900">
          <input value="#FF9900" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#990066">
            <input value="#990066" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#000000">
          <input value="#000000" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#009966">
          <input value="#009966" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#666666">
            <input value="#666666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF6600">
          <input value="#FF6600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333333">
          <input value="#333333" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#993333">
            <input value="#993333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC00">
          <input value="#CCCC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663366">
          <input value="#663366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="character_7">
        <h3>华丽、花哨、女性化 </h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#FFFF99">
            <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#993399">
          <input value="#993399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF99CC">
          <input value="#FF99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF6666">
            <input value="#FF6666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#339999">
          <input value="#339999" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF99CC">
            <input value="#FF99CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003399">
          <input value="#003399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFF00">
          <input value="#CCFF00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#66CC99">
            <input value="#66CC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC6699">
          <input value="#CC6699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC3399">
            <input value="#CC3399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC99">
          <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF6666">
          <input value="#FF6666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCCCC">
            <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#993366">
          <input value="#993366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC6699">
            <input value="#CC6699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF00">
          <input value="#FFFF00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666699">
          <input value="#666699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC6699">
            <input value="#CC6699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC66">
          <input value="#99CC66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663366">
          <input value="#663366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF33CC">
            <input value="#FF33CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663366">
          <input value="#663366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC3399">
            <input value="#CC3399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC99">
          <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF6666">
          <input value="#FF6666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="character_8">
        <h3>回味、女性化、优雅 </h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#CCCCCC">
            <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC99CC">
          <input value="#CC99CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC3399">
          <input value="#CC3399" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FFCCCC">
            <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF99CC">
          <input value="#FF99CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCFF">
          <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC3399">
            <input value="#CC3399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#9933CC">
          <input value="#9933CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC99CC">
          <input value="#CC99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#9999CC">
            <input value="#9999CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#663366">
            <input value="#663366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC99CC">
          <input value="#CC99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9999">
            <input value="#FF9999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF99CC">
          <input value="#FF99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#996666">
            <input value="#996666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC99CC">
          <input value="#CC99CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC9999">
            <input value="#CC9999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9999">
            <input value="#FF9999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#996699">
          <input value="#996699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#996699">
            <input value="#996699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCCCC">
          <input value="#FFCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC99CC">
          <input value="#CC99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="character_9">
        <h3>高尚、自然、安稳 </h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#CCCC33">
            <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF99">
          <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC9933">
          <input value="#CC9933" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC9966">
            <input value="#CC9966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC66">
          <input value="#CCCC66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#669999">
          <input value="#669999" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#FF9966">
            <input value="#FF9966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#996600">
          <input value="#996600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC00">
          <input value="#CCCC00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCC66">
            <input value="#CCCC66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#660033">
          <input value="#660033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC6600">
          <input value="#CC6600" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCC00">
            <input value="#CCCC00" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666600">
          <input value="#666600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCFF">
          <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC9933">
            <input value="#CC9933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#009999">
          <input value="#009999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC33">
          <input value="#FFCC33" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#999966">
            <input value="#999966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#339999">
          <input value="#339999" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CC99">
            <input value="#99CC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#669933">
          <input value="#669933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336633">
          <input value="#336633" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#666633">
            <input value="#666633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999933">
          <input value="#999933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC9966">
          <input value="#CC9966" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#660000">
            <input value="#660000" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC9900">
          <input value="#CC9900" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="character_10">
        <h3>冷静、自然 </h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#FFFF99">
            <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC99">
          <input value="#99CC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666600">
          <input value="#666600" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#996633">
            <input value="#996633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF99">
          <input value="#FFFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC66">
          <input value="#99CC66" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#006600">
            <input value="#006600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#66CC66">
          <input value="#66CC66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFF99">
          <input value="#CCFF99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#666600">
            <input value="#666600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC66">
          <input value="#CCCC66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFFCC">
          <input value="#CCFFCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#669933">
            <input value="#669933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC33">
          <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663300">
          <input value="#663300" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#666633">
            <input value="#666633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999933">
          <input value="#999933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC9966">
          <input value="#CC9966" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#003300">
            <input value="#003300" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#669933">
          <input value="#669933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#006633">
            <input value="#006633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663300">
          <input value="#663300" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC66">
          <input value="#CCCC66" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#666600">
            <input value="#666600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999999">
          <input value="#999999" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#006633">
            <input value="#006633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333300">
          <input value="#333300" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="character_11">
        <h3>传统、高雅、优雅 </h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#999933">
            <input value="#999933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC99CC">
          <input value="#CC99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC9966">
            <input value="#CC9966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666666">
          <input value="#666666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC9999">
          <input value="#CC9999" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCC99">
            <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333333">
          <input value="#333333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#9966CC">
          <input value="#9966CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCC99">
            <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666666">
          <input value="#666666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC9999">
          <input value="#CC9999" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#996699">
            <input value="#996699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#669999">
          <input value="#669999" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CC9966">
            <input value="#CC9966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999999">
          <input value="#999999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666666">
          <input value="#666666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#339966">
            <input value="#339966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#996699">
          <input value="#996699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#663366">
            <input value="#663366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999999">
          <input value="#999999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCFF">
          <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#996699">
            <input value="#996699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#9999CC">
          <input value="#9999CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCFF">
          <input value="#CCCCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCC99">
            <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999999">
          <input value="#999999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663300">
          <input value="#663300" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="character_12">
        <h3>传统、稳重、古典 </h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#6699CC">
            <input value="#6699CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663366">
          <input value="#663366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#990033">
            <input value="#990033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFF66">
          <input value="#CCFF66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF9900">
          <input value="#FF9900" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#666699">
            <input value="#666699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#660033">
          <input value="#660033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC99">
          <input value="#99CC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#663300">
            <input value="#663300" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FF9933">
          <input value="#FF9933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF66">
          <input value="#FFFF66" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#990033">
            <input value="#990033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#006633">
          <input value="#006633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC00">
          <input value="#CCCC00" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#660033">
            <input value="#660033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999933">
          <input value="#999933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#660099">
          <input value="#660099" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#993366">
            <input value="#993366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC33">
          <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666633">
          <input value="#666633" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#996600">
            <input value="#996600" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC66">
          <input value="#CCCC66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666600">
          <input value="#666600" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#009933">
            <input value="#009933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC9900">
          <input value="#CC9900" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666666">
          <input value="#666666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#666633">
            <input value="#666633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC33">
          <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC3366">
          <input value="#CC3366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="character_13">
        <h3>忠厚、稳重、有品位 </h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#FFFFCC">
            <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC9933">
          <input value="#CC9933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336666">
          <input value="#336666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#336666">
            <input value="#336666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#996633">
          <input value="#996633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC33">
          <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#336633">
            <input value="#336633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#990033">
          <input value="#990033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFCC99">
          <input value="#FFCC99" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#333366">
            <input value="#333366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#669999">
          <input value="#669999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#996600">
          <input value="#996600" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#993333">
            <input value="#993333" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC9966">
          <input value="#CC9966" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003300">
          <input value="#003300" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#336633">
            <input value="#336633" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC99">
          <input value="#CCCC99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333366">
          <input value="#333366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#663300">
            <input value="#663300" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999933">
          <input value="#999933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333333">
          <input value="#333333" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#663366">
            <input value="#663366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666666">
          <input value="#666666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333366">
          <input value="#333366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#999900">
            <input value="#999900" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#990033">
          <input value="#990033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CC99CC">
          <input value="#CC99CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#333366">
            <input value="#333366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#990033">
          <input value="#990033" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="character_14">
        <h3>简单、洁净、进步 </h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#CCCCCC">
            <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666699">
          <input value="#666699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCFF66">
            <input value="#CCFF66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003366">
          <input value="#003366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CCFF">
            <input value="#99CCFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCC33">
            <input value="#CCCC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#0099FF">
            <input value="#0099FF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFCC">
          <input value="#FFFFCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666699">
          <input value="#666699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#99CC33">
            <input value="#99CC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#000000">
          <input value="#000000" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCCCC">
            <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003366">
          <input value="#003366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CCFF">
          <input value="#99CCFF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#0099CC">
            <input value="#0099CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFF66">
          <input value="#CCFF66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666666">
          <input value="#666666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#3399CC">
            <input value="#3399CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003366">
          <input value="#003366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#ABCDEF">
            <input value="#ABCDEF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#ABCDEF">
          <input value="#ABCDEF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#ABCDEF">
          <input value="#ABCDEF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="character_15">
        <h3>简单、时尚、高雅 </h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#99CCFF">
            <input value="#99CCFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFF66">
          <input value="#FFFF66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666666">
          <input value="#666666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#336666">
            <input value="#336666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999999">
          <input value="#999999" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#0099CC">
            <input value="#0099CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666666">
          <input value="#666666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#999999">
            <input value="#999999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336666">
          <input value="#336666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#CCCCCC">
            <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999999">
          <input value="#999999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#663366">
          <input value="#663366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#666666">
            <input value="#666666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#6699CC">
          <input value="#6699CC" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#999999">
            <input value="#999999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#FFFFFF">
          <input value="#FFFFFF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333366">
          <input value="#333366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#669999">
            <input value="#669999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#666666">
          <input value="#666666" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#999999">
            <input value="#999999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333333">
          <input value="#333333" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#ABCDEF">
            <input value="#ABCDEF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#ABCDEF">
          <input value="#ABCDEF" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#ABCDEF">
          <input value="#ABCDEF" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
      <div class="sub-section" id="character_16">
        <h3>简单、进步、时尚 </h3>
        <blockquote></blockquote>
        <div class="groups">
          <div class="group"><span style="background:#333366">
            <input value="#333366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC33">
          <input value="#99CC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#999999">
            <input value="#999999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003366">
          <input value="#003366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#669999">
          <input value="#669999" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#003399">
            <input value="#003399" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCFF99">
          <input value="#CCFF99" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333333">
          <input value="#333333" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#999933">
            <input value="#999933" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333333">
          <input value="#333333" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#666666">
            <input value="#666666" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#99CC33">
          <input value="#99CC33" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003366">
          <input value="#003366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#999999">
            <input value="#999999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#336699">
          <input value="#336699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333333">
          <input value="#333333" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#3366CC">
            <input value="#3366CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCC66">
          <input value="#CCCC66" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#333300">
          <input value="#333300" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#6699CC">
            <input value="#6699CC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#006699">
          <input value="#006699" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#000000">
          <input value="#000000" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#003366">
            <input value="#003366" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#CCCCCC">
          <input value="#CCCCCC" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#006699">
          <input value="#006699" onmouseover="this.focus();this.select()" type="text">
        </span></div>
          <div class="group"><span style="background:#000000">
            <input value="#000000" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#999999">
          <input value="#999999" onmouseover="this.focus();this.select()" type="text">
          </span><span style="background:#003366">
          <input value="#003366" onmouseover="this.focus();this.select()" type="text">
        </span></div>
      </div>
    </div>
  </div>
</div>
</div>
</section>

</body><iframe id="tmp_downloadhelper_iframe" style="display: none;"></iframe></html>